{% load i18n %}
{% load staticfiles %}
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>登录页面</title>
    <link href="{% static 'favicon.ico' %}" rel="shortcut icon" type="image/x-icon">
    <link href="{% static 'component/fontawesome/css/font-awesome.min.css' %}" rel="stylesheet">
    <link href="{% static 'common/css/reset.css' %}" rel="stylesheet">
    <link href="{% static 'account/css/login.css' %}" rel="stylesheet">
</head>
<body>
<div id="login">
    <h2><span class="fa fa-lock"></span><span style="margin-left: 5px">请登录</span></h2>
    <form action="{% url 'accounts:login' %}" method="POST">
        {% csrf_token %}
        <fieldset>
            <p><label for="username">{% trans "username" %}</label></p>
            <p><input type="text" id="username" name="username"
                      placeholder="{% trans 'please_input_username_or_email' %}"></p>
            <p><label for="password">{% trans "password" %}</label></p>
            <p><input type="password" name="password" id="password" placeholder="{% trans 'please_input_password' %}">
            </p>
            <p><input type="submit" value="登录"></p>
            <div>
                {% for key, error in form_errors.items %}
                    <p>{{ key }} {{ error }}</p>
                {% endfor %}
                {% if not form_errors %}
                    <p> {{ msg }}</p>
                {% endif %}
            </div>
        </fieldset>
    </form>
</div>
</body>
</html>